<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="../css/productList.css" />
		<link rel="stylesheet" type="text/css" href="../css/head-footer.css"/>
		<script type="text/javascript" src="../js/jquery-3.2.1.min.js"></script>
		<script type="text/javascript" src="../js/productList.js"></script>
	</head>
	<body>
		<div id="container">
			
			<div class="head">
				<!--logo-->
				<div class="logo">
					<img src="../img/gq/logo_01.jpg"/>
				</div>
				<!--导航-->
				<ul class="clearfix">
					<li><a href="Home.html">首页</a></li>
					<li><a href="cycling.html">骑行</a></li>
					<li><a href="L-plate.html">铁三</a></li>
					<li><a href="running.html">跑步</a></li>
					<li><a href="newHand.html">新手学堂</a></li>
					<li><a href="brand.html">品牌专区</a></li>
				</ul>
				<!--搜索框-->
	            <form action="" class="search">
	                <input type="search">
	                <div class="search_icon">
	                    <img src="../img/sousuo.png" alt="">
	                </div>
	            </form>
		    	<!--购物车图标-->
		    	<div class="shopcar">
		    		<a href="#"><img src="../img/shopcar.png" alt=""></a>
		    	</div>
		    	<!--人员图标-->
		    	<div class="people">
		    		<a href="login.html"><img src="../img/people.png" alt=""></a>
		    	</div>
		    	<!--联系热线-->
		    	<div class="tel">
		    		<p>400-6563-116</p>
		    	</div>
		    	<!--language-->
		    	<div class="language">
		    		<span>CH</span>
		    	</div>
			</div>
			
			
			<!--	所选商品类型展示处	-->
			<div class="productclass">
				<a class="productclass_a1" href="#">首页</a>
				<span class="productclass_a2">></span>
				<a href=""><span class="productclass_s1">
					大类：铁三
					<i class="productclass_closeIcon"></i>
				</span></a>
			</div>
			
			
			<!--	商品筛选列表		-->
			<div class="productlist_search">
				<div class="productlist_search_title">
					<span class="productlist_search_title1">
						商品筛选
					</span>
					<span class="productlist_search_title2">
						（搜索到16件商品）
					</span>
				</div>
				
				<div class="productlist_search_blk" style="display: none;">
					<span class="productlist_search_lb fl">大类：</span>
					<div class="productlist_search_btn">
						<span class="productlist_search_btn1">多选</span>
						<div class="productlist_search_btn2 clearfix" style="display: none;">
							<a href="#" class="btn2_No">取消</a>
							<a href="#" class="btn2_Yes">确定</a>
						</div>
					</div>
					<div class="productlist_search_Box">
						<a href="#"><span>
							<input type="checkbox" name="" id="" value="" />
							休闲
						</span></a>
						<a href="#"><span>
							<input type="checkbox" name="" id="" value="" />
							跑步
						</span></a>
						<a href="#"><span>
							<input type="checkbox" name="" id="" value="" />
							骑行
						</span></a>
						<a href="#"><span>
							<input type="checkbox" name="" id="" value="" />
							T恤定制
						</span></a>
						<a href="#"><span>
							<input type="checkbox" name="" id="" value="" />
							polo定制
						</span></a>
						<a href="#"><span>
							<input type="checkbox" name="" id="" value="" />
							铁三
						</span></a>
					</div>
				</div>
				
				<div class="productlist_search_blk">
					<span class="productlist_search_lb fl">类别：</span>
					<div class="productlist_search_btn">
						<span class="productlist_search_btn1">多选</span>
						<div class="productlist_search_btn2 clearfix" style="display: none;">
							<a href="#" class="btn2_No">取消</a>
							<a href="#" class="btn2_Yes">确定</a>
						</div>
					</div>
					<div class="productlist_search_Box">
						<a href="#"><span>
							<input type="checkbox" name="" id="" value="" />
							无袖铁三服
						</span></a>
						<a href="#"><span>
							<input type="checkbox" name="" id="" value="" />
							短袖铁三服
						</span></a>
					</div>
				</div>
				
				<div class="productlist_search_blk">
					<span class="productlist_search_lb fl">风格：</span>
					<div class="productlist_search_btn">
						<span class="productlist_search_btn1">多选</span>
						<div class="productlist_search_btn2 clearfix" style="display: none;">
							<a href="#" class="btn2_No">取消</a>
							<a href="#" class="btn2_Yes">确定</a>
						</div>
					</div>
					<div class="productlist_search_Box">
						<a href="#"><span>
							<input type="checkbox" name="" id="" value="" />
							动漫风
						</span></a>
						<a href="#"><span>
							<input type="checkbox" name="" id="" value="" />
							几何风
						</span></a>
						<a href="#"><span>
							<input type="checkbox" name="" id="" value="" />
							七彩风
						</span></a>
						<a href="#"><span>
							<input type="checkbox" name="" id="" value="" />
							简约风
						</span></a>
						<a href="#"><span>
							<input type="checkbox" name="" id="" value="" />
							国际范
						</span></a>
						<a href="#"><span>
							<input type="checkbox" name="" id="" value="" />
							中国风
						</span></a>
						<a href="#"><span>
							<input type="checkbox" name="" id="" value="" />
							女神款
						</span></a>
					</div>
				</div>
				
				<div class="productlist_search_blk" style="border: none;">
					<span class="productlist_search_lb fl">季节：</span>
					<div class="productlist_search_btn">
						<span class="productlist_search_btn1">多选</span>
						<div class="productlist_search_btn2 clearfix" style="display: none;">
							<a href="#" class="btn2_No">取消</a>
							<a href="#" class="btn2_Yes">确定</a>
						</div>
					</div>
					<div class="productlist_search_Box">
						<a href="#"><span>
							<input type="checkbox" name="" id="" value="" />
							春季
						</span></a>
						<a href="#"><span>
							<input type="checkbox" name="" id="" value="" />
							夏季
						</span></a>
						<a href="#"><span>
							<input type="checkbox" name="" id="" value="" />
							秋季
						</span></a>
						<a href="#"><span>
							<input type="checkbox" name="" id="" value="" />
							冬季
						</span></a>
						<a href="#"><span>
							<input type="checkbox" name="" id="" value="" />
							四季
						</span></a>
					</div>
				</div>
			</div>
			
			
			<!--	综合、最新、销量还有谜之翻页按钮	-->
			<div class="buerList-top">
				<ul class="clearfix fl">
					<li class="fl active" style="color: #404040;"><a href="#">
						综合
					</a></li>
					<li class="fl"><a href="#">
						最新
					</a></li>
					<li class="fl"><a href="#">
						销量
					</a></li>
				</ul>
				
				<div class="buerList-smallpages fr">
					<span class="buerGoodsList-smallPage-cur">
						1
					</span>
					/
					<span class="buerGoodsList-smallPage-total">
						1
					</span>
					<a href="" class="buerList-smallpages_btnPre">
						<img src="../img/hjh/icon/leftIcon.png"/>
					</a>
					<a href="" class="buerList-smallpages_btnNext">
						<img src="../img/hjh/icon/rightIcon.png"/>
					</a>
				</div>
			</div>
			
			
			<!--	商品列表		-->
			<div class="buerList-list clearfix">
				<div class="buerList-list_product">
					<div class="buerList-list_productPic"><a href=""><img src="../img/hjh/L-plate/201710T008T1.png"/></a></div>
					<div class="buerList-list_thumbWrap"><span><img src="../img/hjh/L-plate/201710T008T1.png"/></span></div>
					<div class="buerList-list_productName">201710T008T1</div>
				</div>
				<div class="buerList-list_product">
					<div class="buerList-list_productPic"><a href=""><img src="../img/hjh/L-plate/201710T014T1.png"/></a></div>
					<div class="buerList-list_thumbWrap"><span><img src="../img/hjh/L-plate/201710T014T1.png"/></span></div>
					<div class="buerList-list_productName">201710T014T1</div>
				</div>
				<div class="buerList-list_product">
					<div class="buerList-list_productPic"><a href=""><img src="../img/hjh/L-plate/201710T016T1.png"/></a></div>
					<div class="buerList-list_thumbWrap"><span><img src="../img/hjh/L-plate/201710T016T1.png"/></span></div>
					<div class="buerList-list_productName">201710T016T1</div>
				</div>
				<div class="buerList-list_product">
					<div class="buerList-list_productPic"><a href=""><img src="../img/hjh/L-plate/201710T015T1.png"/></a></div>
					<div class="buerList-list_thumbWrap"><span><img src="../img/hjh/L-plate/201710T015T1.png"/></span></div>
					<div class="buerList-list_productName">201710T015T1</div>
				</div>
				<div class="buerList-list_product">
					<div class="buerList-list_productPic"><a href=""><img src="../img/hjh/L-plate/201710T013T1.png"/></a></div>
					<div class="buerList-list_thumbWrap"><span><img src="../img/hjh/L-plate/201710T013T1.png"/></span></div>
					<div class="buerList-list_productName">201710T013T1</div>
				</div>
				<div class="buerList-list_product">
					<div class="buerList-list_productPic"><a href=""><img src="../img/hjh/L-plate/201710T012T1.png"/></a></div>
					<div class="buerList-list_thumbWrap"><span><img src="../img/hjh/L-plate/201710T012T1.png"/></span></div>
					<div class="buerList-list_productName">201710T012T1</div>
				</div>
				<div class="buerList-list_product">
					<div class="buerList-list_productPic"><a href=""><img src="../img/hjh/L-plate/201710T011T1.png"/></a></div>
					<div class="buerList-list_thumbWrap"><span><img src="../img/hjh/L-plate/201710T011T1.png"/></span></div>
					<div class="buerList-list_productName">201710T011T1</div>
				</div>
				<div class="buerList-list_product">
					<div class="buerList-list_productPic"><a href=""><img src="../img/hjh/L-plate/201710T010T1.png"/></a></div>
					<div class="buerList-list_thumbWrap"><span><img src="../img/hjh/L-plate/201710T010T1.png"/></span></div>
					<div class="buerList-list_productName">201710T010T1</div>
				</div>
				<div class="buerList-list_product">
					<div class="buerList-list_productPic"><a href=""><img src="../img/hjh/L-plate/201710T009T1.png"/></a></div>
					<div class="buerList-list_thumbWrap"><span><img src="../img/hjh/L-plate/201710T009T1.png"/></span></div>
					<div class="buerList-list_productName">201710T009T1</div>
				</div>
				<div class="buerList-list_product">
					<div class="buerList-list_productPic"><a href=""><img src="../img/hjh/L-plate/201710T007T1.png"/></a></div>
					<div class="buerList-list_thumbWrap"><span><img src="../img/hjh/L-plate/201710T007T1.png"/></span></div>
					<div class="buerList-list_productName">201710T007T1</div>
				</div>
				<div class="buerList-list_product">
					<div class="buerList-list_productPic"><a href=""><img src="../img/hjh/L-plate/201710T006T1.png"/></a></div>
					<div class="buerList-list_thumbWrap"><span><img src="../img/hjh/L-plate/201710T006T1.png"/></span></div>
					<div class="buerList-list_productName">201710T006T1</div>
				</div>
				<div class="buerList-list_product">
					<div class="buerList-list_productPic"><a href=""><img src="../img/hjh/L-plate/201710T005T1.png"/></a></div>
					<div class="buerList-list_thumbWrap"><span><img src="../img/hjh/L-plate/201710T005T1.png"/></span></div>
					<div class="buerList-list_productName">201710T005T1</div>
				</div>
				<div class="buerList-list_product">
					<div class="buerList-list_productPic"><a href=""><img src="../img/hjh/L-plate/201710T004T1.png"/></a></div>
					<div class="buerList-list_thumbWrap"><span><img src="../img/hjh/L-plate/201710T004T1.png"/></span></div>
					<div class="buerList-list_productName">201710T004T1</div>
				</div>
				<div class="buerList-list_product">
					<div class="buerList-list_productPic"><a href=""><img src="../img/hjh/L-plate/201710T003T1.png"/></a></div>
					<div class="buerList-list_thumbWrap"><span><img src="../img/hjh/L-plate/201710T003T1.png"/></span></div>
					<div class="buerList-list_productName">201710T003T1</div>
				</div>
				<div class="buerList-list_product">
					<div class="buerList-list_productPic"><a href=""><img src="../img/hjh/L-plate/201710T002T1.png"/></a></div>
					<div class="buerList-list_thumbWrap"><span><img src="../img/hjh/L-plate/201710T002T1.png"/></span></div>
					<div class="buerList-list_productName">201710T002T1</div>
				</div>
				<div class="buerList-list_product">
					<div class="buerList-list_productPic"><a href=""><img src="../img/hjh/L-plate/201710T001T1.png"/></a></div>
					<div class="buerList-list_thumbWrap"><span><img src="../img/hjh/L-plate/201710T001T1.png"/></span></div>
					<div class="buerList-list_productName">201710T001T1</div>
				</div>
			</div>
			
			
			<!--	页面跳转、翻页按钮	-->
			<div class="Pages">
				<form action="" method="get">
					<ul>
						<li class="fl PrePage" style="display: none;"><&nbsp;上一页</li>
						<li class="fl pagesNum pages_active">1</li>
						<li class="fl" style="display: none;">...</li>
						<li class="fl NextPage" style="display: none;">下一页&nbsp;></li>
						<li class="fl jumpPage">
							<span>共 <em>1</em> 页，到第</span>
							<div>
								<input type="text" />页
							</div>
						</li>
						<li class="fl">确定</li>
					</ul>
				</form>
			</div>
			
				<!--尾部-->
			<div class="footer">
				<div class="logo-2">
					<img src="../img/gq/logo-2_13.jpg"/>
				</div>
				<ul>
					<li>新手指南</li>
					<li>用户注册</li>
					<li>定制流程</li>
				</ul>
				<ul>
					<li>付款方式</li>
					<li>支付方式</li>
					<li>支付问题</li>
					<li>常见问题</li>
				</ul>
				<ul>
					<li>售后服务</li>
					<li>退款换货</li>
					<li>配送方式</li>
					<li>联系我们</li>
				</ul>
				<ul>
					<li>政策条款</li>
					<li>服务协议</li>
					<li>隐私条款</li>
					<li>s版权条款</li>
				</ul>
				<p>&copy;2016 Wildto Corpation. All Rights Reserved闽ICP备14001544号-1</p>
			</div>
		</div>
		
		<div class="contactUs">
			<div class="contactUs_item">
				<img src="../img/hjh/contactUs/contactUs_ico_01.jpg"/>
				<p>联系客服</p>
				<div class="contactUs_sub">
					<span>QQ客服：</span>800820280
				</div>
			</div>
			<div class="contactUs_item">
				<img src="../img/hjh/contactUs/contactUs_ico_02.jpg"/>
				<p>热线电话</p>
				<div class="contactUs_sub">
					<span>联系电话：</span>400-6563-116
				</div>
			</div>
			<div class="contactUs_item" style="display: none;">
				<img src="../img/hjh/contactUs/contactUs_ico_03.jpg"/>
				<p>回到顶部</p>
			</div>
		</div>
	</body>
</html>
